<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
  <title>Title</title>
  <base href="<%=basePath%>"/>
  <%@include file="/WEB-INF/views/common/common.jsp" %>
  <script type="text/javascript" src="static/js/model/permission.js"></script>
  <%--把role.js的所有内容全部拷到了permission里面。避免页面按钮加载两次--%>
  <%--<script type="text/javascript" src="static/js/model/role.js"></script>--%>

</head>
<body class="easyui-layout">
<div data-options="region:'center',title:'权限列表',split:true " style="width:50%">
  <%--datagrid--%>
  <table id="permissionDatagrid"></table>
  <%--数据表格工具栏--%>
  <div id="permissionDatagridToolbar">
    <a data-cmd="permissionAdd" href="javascript:;" class="easyui-linkbutton c1"
       data-options="iconCls:'icon-add',plain:true">添加</a>
    <a data-cmd="permissionEdit" href="javascript:;" class="easyui-linkbutton c2"
       data-options="iconCls:'icon-edit',plain:true">修改</a>
    <%--<a data-cmd="permissionChange" href="javascript:;" class="easyui-linkbutton c3"--%>
    <%--data-options="iconCls:'icon-remove',plain:true">改变状态</a>--%>
    <a data-cmd="permissionDelete" href="javascript:;" class="easyui-linkbutton c3"
       data-options="iconCls:'icon-remove',plain:true">删除</a>
    <a data-cmd="permissionRefresh" href="javascript:;" class="easyui-linkbutton c4"
       data-options="iconCls:'icon-reload',plain:true">刷新</a>
    <form id="searchForm">
      关键字:
      <input id="searchQ" name="q" class="easyui-textbox" style="width:120px">
      <%--状态:--%>
      <%--<select id="searchState" name="state" class="easyui-combobox" data-options="panelHeight:'auto'"--%>
              <%--style="width:120px;">--%>
        <%--<option value="">---请选择---</option>--%>
        <%--<option value="1">正常</option>--%>
        <%--<option value="-1">离职</option>--%>
      <%--</select>--%>
      <a data-cmd="search" href="javascript:;" class="easyui-linkbutton " data-options="iconCls:'icon-search'">搜索</a>
      <a data-cmd="searchAdvance" href="javascript:;" class="easyui-linkbutton "
         data-options="iconCls:'icon-search'">高级搜索</a>
    </form>
  </div>
  <%--添加修改模态框--%>
  <div id="permissionDialog">
    <form id="permissionDialogForm">
      <table>
        <input name="id" type="hidden">
        <tr>
          <td>标识</td>
          <td>
            <input name="sn" required="true" class="easyui-text" style="width:200px">
          </td>
        </tr>
        <tr>
          <td>权限名</td>
          <td>
            <input name="name" required="true" class="easyui-text" style="width:200px">
          </td>
        </tr>
        <tr>
          <td>resource</td>
          <td>
            <input name="resource" required="true" class="easyui-text" style="width:200px">
          </td>
        </tr>
        <%--<tr>--%>
          <%--<td>state</td>--%>
          <%--<td>--%>
            <%--<select name="state" id="State" required="true" class="easyui-combobox" data-options="panelHeight:'auto'"--%>
                    <%--style="width:200px">--%>
              <%--<option value="">---请选择---</option>--%>
              <%--<option value="1">正常</option>--%>
              <%--<option value="-1">停用</option>--%>
            <%--</select>--%>
          <%--</td>--%>
        <%--</tr>--%>
      </table>
    </form>
  </div>
  <%--添加修改模态框的工具栏--%>
  <div id="permissionDialogToolbar">
    <a data-cmd="permissionSave" href="javascript:;" class="easyui-linkbutton "
       data-options="iconCls:'icon-save',plain:true">保存</a>
    <a data-cmd="permissionCancel" href="javascript:;" class="easyui-linkbutton "
       data-options="iconCls:'icon-cancel',plain:true">取消</a>
  </div>
  <%--高级查询模态框--%>
  <div id="searchAdvanceDialog">
    <form id="searchAdvanceForm">
      <table style="margin:auto;margin-top: 10px;">
        <tr>
          <td>标识：</td>
          <td>
            <input name="sn" class="easyui-text" style="width:200px;">
          </td>
        </tr>
        <tr>
          <td>权限名：</td>
          <td>
            <input name="sn" class="easyui-text" style="width:200px">
          </td>
        </tr>
        <tr>
          <td>resource:</td>
          <td>
            <input name="resource" class="easyui-text" style="width:200px">
          </td>
        </tr>
        <tr>
          <td>状态:</td>
          <td>
            <select name="state" class="easyui-combobox" data-options="panelHeight:'auto'" style="width:200px;">
              <option value="">---请选择---</option>
              <option value="0">正常</option>
              <option value="-1">离职</option>
            </select>
          </td>
        </tr>
      </table>
    </form>
  </div>

  <%--高级查询模态框工具栏--%>
  <div id="searchAdvanceDialogToolbar">
    <a data-cmd="searchSave" href="javascript:;" class="easyui-linkbutton "
       data-options="iconCls:'icon-save',plain:true">保存</a>
    <a data-cmd="searchCancel" href="javascript:;" class="easyui-linkbutton "
       data-options="iconCls:'icon-cancel',plain:true">取消</a>
  </div>
</div>
<div data-options="region:'west',title:'角色列表',split:true " style="width: 50%">
  <%--datagrid--%>
  <table id="roleDatagrid"></table>
  <%--数据表格工具栏--%>
  <div id="roleDatagridToolbar">
    <shiro:hasPermission name="role:save">
      <a data-cmd="roleAdd" href="javascript:;" class="easyui-linkbutton c1"
         data-options="iconCls:'icon-add',plain:true">添加</a>

      <a data-cmd="roleEdit" href="javascript:;" class="easyui-linkbutton c2"
         data-options="iconCls:'icon-edit',plain:true">修改</a>
    </shiro:hasPermission>
    <shiro:hasPermission name="role:delete">
      <a data-cmd="roleDelete" href="javascript:;" class="easyui-linkbutton c3"
         data-options="iconCls:'icon-remove',plain:true">删除</a>
    </shiro:hasPermission>
    <a data-cmd="roleRefresh" href="javascript:;" class="easyui-linkbutton c4"
       data-options="iconCls:'icon-reload',plain:true">刷新</a>
  </div>
  <%--添加修改模态框--%>
  <div id="roleDialog">
    <form id="roleDialogForm">

      <table>
        <input name="roleId" type="hidden">
        <tr>
          <td>角色名称</td>
          <td>
            <input name="roleName" required="true" class="easyui-text" style="width:200px">
          </td>
        </tr>
      </table>
    </form>
    <table>
      <tr>
        <%--作为添加已选权限的表格--%>
        <td><table id="appendRowDatagrid"></table></td>
        <%--作为展示所有权限的表格--%>
        <td><table id="showPermissionDatagrid"></table></td>
      </tr>
    </table>

  </div>
  <%--添加修改模态框的工具栏--%>
  <div id="roleDialogToolbar">
    <a data-cmd="roleSave" href="javascript:;" class="easyui-linkbutton "
       data-options="iconCls:'icon-save',plain:true">保存</a>
    <a data-cmd="roleCancel" href="javascript:;" class="easyui-linkbutton "
       data-options="iconCls:'icon-cancel',plain:true">取消</a>
  </div>
</div>
</body>
</html>
